Pixels of the Week – September 6, 2017

Pixels of the Week – October 6, 2017

This content is 7 years old. Remember that the following content might be outdated.

Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools  and useful resources, inspiration on twitter and other social networks.

This week’s selection: image performance, logo design, user experience, e-commerce best practice, typography quick guide, dark UIs, some link decoration trends, SVG and CSS tutorials, accessibility tools, a drag and drop JS library.

You can follow me on twitter to get a dose of links every days.

TL;DNR the one you should not miss

#Performance

Essential Image Optimisation, an eBook by Addy Osmani

Interesting article

#Logo

Over 150 People Tried To Draw 10 Famous Logos From Memory, And The Results Are Hilarious

#UX

“Why warm-up questions can be the most important part of a user interview.” totally agree 🙂

#UX #Ecommerce

Ecommerce UX: Best Practices Product Image Gallery

#UX

An Introduction to Interaction Flows – interesting process and deliverables to communicate interactions with dev.

#Typography

A Five Minutes Guide to Better Typography – really nice and quick introduction

#UI

Dark UIs. The Good and the Bad. Dos and Don’ts.

Inspiration and Great ideas

#Trends

Tiny Trend #7: Chunky, Overlapping Underlines – fun stabilo effect but some make the text hard to read so careful :/

Tutorials

#SVG

Lovely technique: Using SVG clip-path to change a logo’s colour on scroll

#CSS

CSS Grid PlayGround by Mozilla

Useful resources, tools and plugins that will make your life easy

#Icons

iOS 11 Glyphs (Tab Bar Icons), a must have open source icon pack

#Icons #Keynote

I found a tool that exports AI into Keynote files so that I can have editable shape icons in Keynote <3 <3 <3

#Accessibility

Just discovered the Axe Chrome extension for accessibility contrast checking, really useful (see link here

#Microcopy

Effective examples of clear, concise — and sometimes quirky — copy.

#JS #Drag and drop

This is such a delighting way to present a drag and drop JS library, love it and it works well on mobile 🙂

Fun, games, experiments and demos

#Papyrus

Trolling level 100: Years after Avatar’s release, there’s one thing Steven (Ryan Gosling) just can’t get over

Other articles you might enjoy:

Published on 6 October 2017

in Pixels of the Week (curated newsletter)

By Stéphanie Walter